.zhui-tag-wrapper {
  position: relative;
  display: inline-block;
  width: 30px;
  min-height: 60px;
  font-size: 12px;
  border-radius: 3px;
  line-height: 1.6;
  background: #41395b;
  color: #fff;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px; }
  .zhui-tag-wrapper::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 12px;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%; }
  .zhui-tag-wrapper-closable {
    animation: tag-shake 1s ease 0s infinite;
    animation-play-state: paused;
    cursor: pointer; }
    .zhui-tag-wrapper-closable:hover {
      animation-play-state: running; }

.zhui-tag-body {
  padding: 22px 2px 15px;
  text-align: center;
  word-break: break-word; }

@keyframes tag-shake {
  from {
    transform: rotate(0deg); }
  4% {
    transform: rotate(5deg); }
  12.5% {
    transform: rotate(-5deg); }
  21% {
    transform: rotate(5deg); }
  29% {
    transform: rotate(-5deg); }
  37.5% {
    transform: rotate(5deg); }
  46% {
    transform: rotate(-5deg); }
  50%, to {
    transform: rotate(0deg); } }
